:host{
  display: block;
  z-index: 1;
  box-shadow: 0 2px 3px rgba(0,0,0,.15);
}
header {
  // background-color:greenyellow;
    display: flex;
    display: -ms-flex;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -ms-align-items: center;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    padding: 0 24px;
    height: 60px;
    overflow: hidden;
    a {
        text-decoration: none;
        &:visited {
            color: inherit;
        }
    }
    img {
        flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    }
    nav {
        flex: 1 0 430px;
        -ms-flex: 1 0 430px;
        display: inline-block;
        ul {
            margin: 0;
            list-style: none;
            li {
                display: inline-block;
                padding: 8px;
            }
        }
    }
    .users {
      flex: 0 0 170px;
        .user-type {
            padding: 8px;
            // border: 1px solid #ccc;
            ul {
                margin: 0;
                padding: 0;
                list-style: none;
                li {
                    display: inline-block;
                    padding: 8px;
                }
            }
        }
    }
}
